<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>内贸提货单制作</title>
<base href="<%=basePath%>">
<script type="text/javascript"
	src="plugins/websocketInstantMsg/ext4/ext-all-debug.js"></script>
<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
<script type="text/javascript"
	src="plugins/websocketInstantMsg/ext4/locale/ext-lang-zh_CN.js"></script>
<link rel="stylesheet"
	href="plugins/websocketInstantMsg/ext4/resources/css/ext-all.css" />
</head>
<div id="div1" style="height:126px"></div>
<body><div id="aa"></div>
</body>
<script type="text/javascript">
Ext.onReady(function () {
	Ext.QuickTips.init();
    var store = Ext.create('Ext.data.Store', {
        fields:  ["ID","BILL_CODE","BILL_STATUS","LADING_BILL_CODE","one","BUSINESS_TYPE","SUB_SUPPLIER","FORWARDER_CUSTOMER_SERVICE",
                  "SHIPPER_NAME","BOAT_NAME","BOAT_VOYAGE_NAME","CREATE_TIME","CONTAINER_OWNER","SHIPPER_NUM","SINGLE_TYPE",
                  "CHINESE_NAME","RIVER_PORT","RIVER_LOAD","RIVER_UNLOAD", "RIVER_DELIVERY","BILL_INPUTER","GOODS_TYPE","BOX_TYPE_CONFIRM",
                  "TWENTY_GP","FORTY_GP","FORTY_HP","FORTYFive","SPECIAL_CONTAINER","TEU","GOODS_NUM","GOODS_GROSS_WEIGHT","VOLUME","BILL_FLOW",
                  "CONTAINER_NO"],
        pageSize: 14,  //页容量5条数据
        //是否在服务端排序 （true的话，在客户端就不能排序）
        remoteSort: false,
        remoteFilter: true,
        proxy: {
            type: 'ajax',
            url: '<%=basePath%>domestic/list',
            reader: {   //这里的reader为数据存储组织的地方，下面的配置是为json格式的数据，例如：[{"total":50,"rows":[{"a":"3","b":"4"}]}]
                type: 'json', //返回数据类型为json格式
                root: 'result.list',  //数据
                totalProperty: 'result.total' //数据总条数
            }
        },
        sorters: [{
			property: 'ordeId',
			direction: 'desc'
		}],
        autoLoad: true  //即时加载数据
    });
    
   
//新建的列表
    var grid = Ext.create('Ext.grid.Panel', {
    renderTo: "aa",
    id:'grid',
    store: store,
    height: 400,
    width:"100%",
    selModel: { selType: 'checkboxmodel' },
    //selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"SIMPLE"}),
    //selModel: { selType: 'checkboxmodel' },   //选择框
    columns: [                    
                  { text: 'ID', dataIndex: 'ID',  maxWidth:10 ,hidden:true,locked:true },
                  { text: '进仓编号', dataIndex: 'BILL_CODE',  maxWidth: 160,locked:true  },
                  { text: '托单状态', dataIndex: 'BILL_STATUS', align: 'left', minWidth: 80,locked:true  },
                  { text: '提单号', dataIndex: 'LADING_BILL_CODE', maxWidth: 200, align: 'left',locked:true  }, 
                  { text: '换单份数', dataIndex: 'one', maxWidth: 80, align: 'left',locked:true  }, 
                  { text: '业务类型', dataIndex: 'BUSINESS_TYPE', maxWidth: 80, align: 'left',locked:true  }, 
                  { text: '客户服务', dataIndex: 'BILL_INPUTER', maxWidth: 80, align: 'left',locked:true  }, 
                  { text: '货代客服', dataIndex: 'FORWARDER_CUSTOMER_SERVICE', maxWidth: 80, align: 'left',locked:true  }, 
                  { text: '委托单位', dataIndex: 'SHIPPER_NAME', maxWidth: 80, align: 'left',locked:true  }, 
                  { text: '船名', dataIndex: 'BOAT_NAME', maxWidth: 120, align: 'left',locked:true  }, 
                  { text: '航次', dataIndex: 'BOAT_VOYAGE_NAME', maxWidth: 80, align: 'left', },  
                  { text: '接单时间', dataIndex: 'CREATE_TIME', maxWidth: 140, align: 'left', }, 
                  { text: '预配箱主', dataIndex: 'CONTAINER_OWNER', maxWidth: 80, align: 'left', }, 
                  { text: '托运人自编号', dataIndex: 'SHIPPER_NUM', maxWidth: 80, align: 'left', }, 
                  { text: '托单类型', dataIndex: 'SINGLE_TYPE', maxWidth: 80, align: 'left' },
                  { text: '订舱性质', dataIndex: 'BILL_FLOW', maxWidth: 80, align: 'left' }, 
                  //{ text: '', dataIndex: 'SUB_SUPPLIER', maxWidth: 80, align: 'left' }, 
                  { text: '江船起运港', dataIndex: 'RIVER_PORT', maxWidth: 80, align: 'left' }, 
                  { text: '江船装区', dataIndex: 'RIVER_LOAD', maxWidth: 80, align: 'left' },   
                  { text: '江船卸货港', dataIndex: 'RIVER_UNLOAD', maxWidth: 80, align: 'left' }, 
                  { text: '江船交货地', dataIndex: 'RIVER_DELIVERY', maxWidth: 80, align: 'left' }, 
                  { text: '货物名称', dataIndex: 'CHINESE_NAME', maxWidth: 80, align: 'left' }, 
                  { text: '货物种类', dataIndex: 'GOODS_TYPE', maxWidth: 80, align: 'left' }, 
                  { text: '箱型确定', dataIndex: 'BOX_TYPE_CONFIRM', maxWidth: 280, align: 'left' },
                  { text: '箱号', dataIndex: 'CONTAINER_NO', maxWidth: 80, align: 'left' },
                  { text: '20', dataIndex: 'TWENTY_GP', maxWidth: 80, align: 'left' },
                  { text: '40', dataIndex: 'FORTY_GP', maxWidth: 80, align: 'left' },
                  { text: '40H', dataIndex: 'FORTY_HP', maxWidth: 80, align: 'left' },
                  { text: '45', dataIndex: 'FORTYFive', maxWidth: 80, align: 'left' },
                  { text: '特种箱', dataIndex: 'SPECIAL_CONTAINER', maxWidth: 80, align: 'left' },
                  { text: 'TEU', dataIndex: 'TEU', maxWidth: 80, align: 'left' },
                  { text: '件数', dataIndex: 'GOODS_NUM', maxWidth: 80, align: 'left' },
                  { text: '重量', dataIndex: 'GOODS_GROSS_WEIGHT', maxWidth: 80, align: 'left' },
                  { text: '体积', dataIndex: 'VOLUME', maxWidth: 80, align: 'left' },
                 
               ],
    bbar: [{
        xtype: 'pagingtoolbar',
        store: store,
        displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
        emptyMsg: "没有数据",
        beforePageText: "当前页",
        afterPageText: "共{0}页",
        displayInfo: true                 
    }],
  
     tbar:[
     {text:'导出提货单',iconCls:'a_add',handler: function(){exportFile("Billading");}},"-",
     {text:'导出内贸提单',iconCls:'a_edit2',handler: function(){exportFile("domesticTradeFatchBill");}},
  ], 
     
});
 //新增   
function showAlert (){

}
 //时间引入
function convertDate(val) {
	return Ext.util.Format.date(new Date(val), 'Y-m-d');
}

//导出excel
function exportFile (type){
  if(Ext.getCmp('grid').getSelectionModel().getSelection().length == 0){
	  Ext.MessageBox.alert("提示", "请选择一条记录！");
      return;
  }
  if(Ext.getCmp('grid').getSelectionModel().getSelection().length >1){
	  Ext.MessageBox.alert("提示", "请选择一条记录！");
      return;
  }
  var BILL_CODE = Ext.getCmp('grid').getSelectionModel().getSelection()[0].get("BILL_CODE");
  //alert(BILL_CODE)
  var ID = Ext.getCmp('grid').getSelectionModel().getSelection()[0].get("ID");
  //alert(ID)
  document.location.href="<%=basePath%>common/export/exportExcel?exportType="+type+"&BILL_CODE="+BILL_CODE +"&ID="+ID;	
		
	}
	//删除
	function  showAle(){
		
 	}


	
	//保存按钮
	var save = new Ext.Button({
     	text: '保存',
     	 handler: function(){
     	 
     		var ID = Ext.getCmp('ID').getValue();
     		var id=add.down('textfield[name=RATE]').value;
     		if(id==null){
     			alert("比率不能空")
     			return  
     		}
     		var a=add.down('textfield[name=ENABLE]').value;
     		if(a==null){
     			alert("请选中是否可用")
     			return  
     		}
     		var CURRENCY = Ext.getCmp('CURRENCY').getValue();
     		
     		alert(CURRENCY)
			var RATE = Ext.getCmp('RATE').getValue();
     	//	alert(RATE)
			var START_TIME = Ext.getCmp('START_TIME').getValue();
     		//alert(START_TIME)
     		var END_TIME = Ext.getCmp('END_TIME').getValue();
     		//alert(END_TIME)
     		var CHINESE_NAME = Ext.getCmp('CHINESE_NAME').getValue();
     		//alert(CHINESE_NAME)
     		var ENABLE = Ext.getCmp('ENABLE').getValue();
     		//alert(ENABLE)
			var store = Ext.getCmp('grid').getStore();
	  		 Ext.Ajax.request({
     			 url: '<%=basePath%>ratio/save',
					params : {
						ID : ID,
						CURRENCY : CURRENCY,
						RATE : RATE,
						START_TIME : START_TIME,
						END_TIME : END_TIME,
						CHINESE_NAME : CHINESE_NAME,
						ENABLE : ENABLE,		
					},
					method : 'POST',
					success : function() {
						Ext.MessageBox.alert("保存成功", "保存成功");
                         
						win.close();
						store.load();
					},
				});

			}

		});
	//重置按钮
		var reset = new Ext.Button({
			text : '重置',
			listeners : {
				'click' : function() {
					Ext.getCmp('add').form.reset();
				
				}
			}
		}

		);
	//取消按钮
		var cancel = new Ext.Button({
			text : '取消',
			listeners : {
				'click' : function() {
					win.close();
				}
			}
		}

		);
	     //业务类型的下拉
		var tradeTypeStore = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
                {"id":"", "name":"选择业务类型"},
				{"id":"0", "name":"进口"},
				{"id":"1", "name":"出口"},
				{"id":"2", "name":"沿江内贸上"},
				{"id":"3", "name":"沿江内贸下"},
				{"id":"4", "name":"沿海内贸上"},
				{"id":"5", "name":"沿海内贸下"},
			]
		});
	     //托单流向的下拉
		var enaStore = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
                {"id":"", "name":"选择托单流向"},
				{"id":"0", "name":"内订舱"},
				{"id":"1", "name":"外订舱"},
				{"id":"2", "name":"网上内订舱"},
				{"id":"3", "name":"网上外订舱"},
			]
		});
	     //托单类型下拉
		var tuoStore = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
                {"id":"", "name":"选择托单类型"},
				{"id":"0", "name":"内贸"},
				{"id":"1", "name":"外贸"},
				{"id":"2", "name":"拖车"},
				{"id":"3", "name":"船务"},
				{"id":"4", "name":"关务"},
				{"id":"5", "name":"调空"},
				
			]
		});
	     //托单状态的下拉
		var enableStore = Ext.create('Ext.data.Store', {
			fields: ['id', 'name'],
			data : [
                {"id":"", "name":"全部"},
				{"id":"0", "name":"输机"},
				{"id":"1", "name":"放箱"},
				{"id":"2", "name":"订舱"},
// 				{"id":"3", "name":"未审核"},
// 				{"id":"4", "name":"审核通过"},
// 				{"id":"5", "name":"审核未通过"},
// 				{"id":"6", "name":"财务部审核"},
// 				{"id":"7", "name":"未审核"},
// 				{"id":"8", "name":"审核通过"},
// 				{"id":"9", "name":"审核未通过"},
				
			]
		});
	//新增一个form表单
		var add = Ext.create("Ext.form.Panel", {
             id:'add',
			frame : true,
			width : 450,
			height : 400,

			defaults : {
				anchor : '100%',
				labelWidth : 50,
				labelAlign : "right"
			},
			items : [ {
				id : 'ID',
				hidden : true,
				hideLabel : true,
				xtype : 'textfield',
				fieldLabel : 'ID',
				name : 'ID'
			}, {
				
				id:'CURRENCY',				
				fieldLabel : '币种',
				name : 'CURRENCY',
				xtype : 'combobox',
				emptyText:'请选择',
				store : tradeTypeStore,
				valueField: 'id',
				displayField:'name',
				editable: false,

			}, {
				id : 'RATE',
				fieldLabel : '比率',
				name : 'RATE',
				xtype : 'textfield',
				emptyText:'请输入比率',
				regex:/^^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$$/,
				regexText : "请输入正确的比率",
			}, 
			{
				id : 'START_TIME',
				fieldLabel : '请选择开始时间',
				name : 'START_TIME',
				xtype : 'datefield',
				emptyText:'开始时间',
				editable:false
			},
			{
				id : 'END_TIME',
				fieldLabel : '结束时间',
				name : 'START_TIME',
				xtype : 'datefield',
				emptyText:'请选择结束时间',
				editable:false
			},
			{
				id : 'CHINESE_NAME',
				fieldLabel : '中文名',
				maxLength:5,
				name : 'CHINESE_NAME',
				xtype : 'textfield',
				emptyText:'请输入中文名',
				allowBlank : false,
				blankText:'不能为空',
				maxLengthText: '中文名不能超过5个字符',
				regex : /^[\u4e00-\u9fa5]+$/i,
				regexText : "请输入中文名"
			},
			{
				id : 'ENABLE',
				fieldLabel : '是否可用',
				name : 'ENABLE',
				xtype : 'combobox',
				emptyText:'请选择',
				store : enableStore,
				valueField: 'id',
				displayField:'name',
			},
			
			],
			
		});
        //新建一个窗口，把form表单放进去
		var win = Ext.create("Ext.window.Window", {
			title : '新增',
			width : 460,
			height : 300,  
			resizable : true,
			modal : true,
			closable : true,
			maximizable : true,
			minimizable : true,
			buttons : [ save, reset, cancel ],
			
			items : [ add ],
		});
           
        //新建查询列表
		var c1 = Ext.create('Ext.container.Container', {
			layout : 'column',
			
			defaults : {
				labelAlign : 'left',
				labelWidth : 60
			},
			items : [
					{
						xtype : 'textfield',
						name : 'BILL_CODE',
						id : 'a',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '进仓编号'
					},
					{
						xtype : 'textfield',
						name : 'RIVER_PORT',
						id : 'b',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '起运港'
					},
					{
						xtype : 'textfield',
						name : 'RIVER_PORT',
						id : 'c',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '目的港'
					},
					{
						xtype : 'textfield',
						name : 'CHINESE_NAME',
						id : 'd',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '货物名称'
					},
					{
						xtype : 'textfield',
						name : 'SHIPPER',
						id : 'e',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '委托单位'
					},
					{
						xtype : 'textfield',
						name : 'LADING_BILL_CODE',
						id : 'f',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '提单号'
					},
					{
						xtype : 'textfield',
						name : 'RESERVE_MATCH_BOX_MASTER',
						id : 'g',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '预配箱主'
					},
					{
						xtype : 'datefield',
						name : 'CREATE_TIME1',
						id : 'h',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '开始时间',
						editable: false,
					},
					{
						xtype : 'datefield',
						name : 'CREATE_TIME2',
						id : 'i',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '结束时间',
						editable: false,
					},
					{
						xtype : 'textfield',
						name : 'BOAT_NAME',
						id : 'j',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '江船船名'
					},
					{
						xtype : 'textfield',
						name : 'BOAT_VOYAGE_NAME',
						id : 'k',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '江船航次'
					},
					{
						xtype : 'textfield',
						name : 'FORWARDER_CUSTOMER_SERVICE',
						id : 'l',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '货代客服'
					},
					{
						xtype : 'combobox',
						name : 'SPELL_CODE',
						id : 'm',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '业务类型',
						emptyText:'请选择',
						store :tradeTypeStore ,
						valueField: 'id',
						displayField:'name',
						editable: false,
					},
					{
						xtype : 'combobox',
						name : 'SPELL_CODE',
						id : 's',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '托单类型',
						emptyText:'请选择',
						store : tuoStore,
						valueField: 'id',
						displayField:'name',
						editable: false,
					},
					{
						xtype : 'combobox',
						name : 'BILL_FLOW',
						id : 't',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '托单流向',
						emptyText:'请选择',
						store : enaStore,
						valueField: 'name',
						displayField:'name',
						editable: false,
					},
					{
						xtype : 'combobox',
						name : 'SPELL_CODE',
						id : 'u',
						columnWidth : 1 / 6,
						padding : '5px',
						fieldLabel : '托单状态',
						emptyText:'请选择',
						store : enableStore,
						valueField: 'id',
						displayField:'name',
						editable: false,
					},
					{
						xtype : "button",
						padding : '5px',
						text : '查询',
						handler : function() {
					var BILL_CODE = Ext.getCmp('a').getValue();//托单编号
					//alert(BILL_CODE)
				
					var RIVER_PORT = Ext.getCmp('b').getValue();//起运港
				//	alert(RIVER_PORT)
					
					var PORT_DISCHARGE = Ext.getCmp('c').getValue();//目的港
				//	alert(PORT_DISCHARGE)
					
				    var CHINESE_NAME = Ext.getCmp('d').getValue();//货物名称
				//	alert(CHINESE_NAME)
					
					var SHIPPER = Ext.getCmp('e').getValue();//委托单位
				 //  alert(SHIPPER)
				    
					var LADING_BILL_CODE = Ext.getCmp('f').getValue(); //提单号
				//     alert(LADING_BILL_CODE)
				     
					var RESERVE_MATCH_BOX_MASTER = Ext.getCmp('g').getValue(); //预配箱主
				  //  alert(RESERVE_MATCH_BOX_MASTER)
					
				    var CREATE_TIME1 = Ext.getCmp('h').getValue(); //开始时间
				  //  alert(CREATE_TIME1)
					
				    var CREATE_TIME2 = Ext.getCmp('i').getValue();  //结束时间
				//	alert(CREATE_TIME2)
					
				    var BOAT_NAME = Ext.getCmp('j').getValue(); //江船名
				//	alert(BOAT_NAME)
					
					var BOAT_VOYAGE_NAME = Ext.getCmp('k').getValue(); //江船航次
				 //   alert(BOAT_VOYAGE_NAME)
				    
					var FORWARDER_CUSTOMER_SERVICE = Ext.getCmp('l').getValue(); //货代客服
				//	alert(FORWARDER_CUSTOMER_SERVICE)
					
					var BUSINESS_TYPE_ID = Ext.getCmp('m').getValue(); //业务类型
				  //  alert(BUSINESS_TYPE_ID)
					var SINGLE_TYPE_ID = Ext.getCmp('s').getValue(); //托单类型
				 //   alert(SINGLE_TYPE_ID)
					var BILL_FLOW = Ext.getCmp('t').getValue();  //托单流向
					//alert(BILL_FLOW)
					var BILL_STATUS = Ext.getCmp('u').getValue();  //托单状态
				//	alert(BILL_STATUS)
					var store = Ext.getCmp('grid').getStore();
					store.on('beforeload', function(store, options) {
						var new_params = {
								BILL_CODE : BILL_CODE, //托单编号
								RIVER_PORT : RIVER_PORT, //起运港
								PORT_DISCHARGE : PORT_DISCHARGE,  //目的港
								CHINESE_NAME : CHINESE_NAME,//货物名称
 								CHINESE_NAME : CHINESE_NAME, //中文品名
								SHIPPER : SHIPPER, //委托单位
								LADING_BILL_CODE : LADING_BILL_CODE, //提单号
								RESERVE_MATCH_BOX_MASTER : RESERVE_MATCH_BOX_MASTER, //预配箱主
 								CREATE_TIME1 : CREATE_TIME1, //开始时间
 								CREATE_TIME2 : CREATE_TIME2, //结束时间
								BOAT_NAME : BOAT_NAME, //江船名
								BOAT_VOYAGE_NAME : BOAT_VOYAGE_NAME, //江船航次
								FORWARDER_CUSTOMER_SERVICE : FORWARDER_CUSTOMER_SERVICE, //货代客服
								BUSINESS_TYPE_ID : BUSINESS_TYPE_ID, //业务类型
								SINGLE_TYPE_ID : SINGLE_TYPE_ID,//托单类型
								BILL_FLOW : BILL_FLOW, //托单流向
								BILL_STATUS : BILL_STATUS, //托单状态
						};
						Ext.apply(store.proxy.extraParams, new_params);
					});
					store.load();
				}
			},{
				xtype : "button",
				padding : '6px',
				text : '清空信息',
				listeners : {
					'click' : function() {
						
						Ext.getCmp('re').form.reset();
					
					}
				}
				
			}
					
					]

		});
           //把查询的列表放进form中
		var form = Ext.create('Ext.form.Panel', {
			renderTo : 'div1',
			frame : true,
			id:'re',
			items : [ c1 ],
// 		 buttons: [{
// 		         text: '查询',
// 		         handler: function() {
// 		             var form=this.up('form');
// 		             var id=form.down('textfield[name=id]').value;
// 		             var uname=form.down('textfield[name=useName]').value;
// 		             if(!id){
// 		             alert('编号不能为空！');
// 		             return;
// 		             }
// 		             if(!uname){
// 		             alert('名称不能为空！');
// 		             return;
// 		             }
// 		            Ext.MessageBox.alert('提示框','提交成功，正在保存数据，请稍后！');
// 		         }
// 		   }]
 		});

	});



</script>
</html>